// barra de navegacion
$(function(){
	$('ul#header-nav>li').each(function(){
		var radio 	= 'none';
		var element = $(this).children('a').html();
		var titulo	= $('title').html()
		
		if( titulo != 'Intercap' ){
			$('div.seccion').height(500);
		}
		
		if( element == titulo ){
			$(this).css({
				background: 'hsla(0, 0%, 0%, 0.25)',
				boxShadow: 'inset 0 2px 3px #000',
				borderRadius: radio
			}).children('a').css({
				color:'#eee'
			});
		}
	});
});

// plugin easySlider modificado
$(function(){	
	$("#slide").easySlider({
		auto: true,
		continuous: true,
		prevText: '',
		nextText: '',
		prevId: 'prevBtn',
		nextId: 'nextBtn',
		controlsShow: true,
		speed: 500,
		pause: 4000,
		aceleration: 0.5,
		animation: Expo.easeInOut
	});
});

// elimino attributo label
$(function(){
	$('label').add( $('label').parent() ).remove();
});

// plugin placeholder
$(function(){
	$('input[type=text]').placeholder();
});

// elimino border radius en ie
$(function(){
	if($.browser.msie){
		$('*').css({
			borderRadius: 0
		});
	}
});

// verifico si el atributo << required >> es soportado y añado una funcion en caso de false
$(function(){
	var requiredSoportado = function(){
		var input = document.createElement('input');
		return ('required' in input );
	}
	if ( !requiredSoportado () ){
		$(function(){
		
		// function valida campos required en formularios
		$('form').submit(function(event){
				var retorno = true;
				$( event.target.childNodes ).find('input[required=true], textarea').each(function(){
					if ( $(this).val() == $(this).attr('placeholder') || $(this).val() == "" ){
						muestraRequired(this);
						retorno = false;
					}
					
					// function muestra required
					function muestraRequired(el){
						var colorOriginal = $(el).css('borderColor');
						return $(el).css({
							borderColor: '#FF7171'
						}).focus(function(){
							$(this).css({
								borderColor: colorOriginal
							}).blur(function(){
								if ( $(this).val() == $(this).attr('placeholder') || $(this).val() == "" ){
									$(this).css({
										borderColor: 'red'
									})
								}
							});
						});								
					}
					// end function
				});
				return retorno;
			});
		});

	}
});

$(function(){
	$('input').removeAttr('required');
});

$(function(){
	$('form#form_contacto input[type=submit]').one('click',function(event){
		$('<div></div>').addClass('mensaje').css({
			background:'#fff url(_images/yes.png) 10px center no-repeat',
			paddingLeft: 50
		}).appendTo('#wrapper').insertAfter('#principal').html('Su mensaje ha sido enviado. Gacias!');
	});
	$('form#form_contacto').submit(function(event){
		return false;
	});
});

$(function(){
	$('#boxes-ul li:first-child a').bind('click', function(event){
		$('<div></div>').addClass('overlay').css({
			width: '100%',
			height: '100%',
			background: 'rgba(0, 0, 0 ,0.75)',
			position: 'fixed',
			top: 0,
			left:0,
			zIndex:10
		}).fadeIn('fast').appendTo('body').bind('click', function(event){
			$(this).fadeOut('fast', function(event){
				$(this).remove();
				$('.modal').hide();
			});
			TweenMax.to( $('.modal'), 0.5, {css: {top: 0}, ease:Expo.easeInOut});
		});
				
		$('.modal').css({
			left: ( $(window).width() - $('.modal').width() ) / 2 ,
		}).fadeIn('fast').appendTo('body');
		
		TweenMax.to ( $('.modal'), 0.75, {css: {top: ( $(window).height() - 250 ) / 2, opacity: 1 }, ease: Elastic.easeInOut} );
	});
	
	$('.close').bind('click', function(event){
		$('.overlay').fadeOut('fast', function(event){
			$(this).remove();
			$('.modal').hide();
		});
		TweenMax.to( $('.modal'), 0.5, {css: {top: -250}, ease:Expo.easeInOut});
	});
});

$(function(){
	var numero = 1
	$('#boxes-ul li').each(function(){
		$(this).css({
			height: 0,
			y: 140
		}).transition({
			height: 140,
			y: 0
		}, numero * 300);
		numero++
	});
});
